﻿<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
	<script src="bootstrap/js/jquery-2.1.0.min.js"></script>
	<script src="bootstrap/js/bootstrap.min.js"></script>
    <style>
		.panel{
			margin-bottom: 0px;
		}
		.panel-body{
			background-color: #337ab7;
			color: #fff;
		}
		.panel-body a{
			color: #fff;
			font-size: 20px;
		}
       .aside{
		   width: 300px;
		   border: 1px solid #ccc;
		   height: 700px;
	   }
	   .menu .panel-heading{
			background-color: #337ab7;
			color: #fff;
			cursor: pointer;
	   }
	   .menu .list-group{
		   display: none;
	   }
	   .aside{
		   float: left;
		   width: 15%;
	   }
	   .right{
		   float: left;
		   width: 85%;
		   height: 700px;
	   }
	   
    </style>
</head>
<body>
	<div>
		<div class="top">
			<div class="panel panel-default panel-custom">
				<div class="panel-body">
				  <a href="">
					  <span>顽石旅游线路管理系统</span>
				  </a>
					<c:if test="${huser!=null}">
				  <span style="float: right;">
					<a href="">欢迎：${huser.hname}</a>
					<a href="${pageContext.request.contextPath}/htuichu">退出</a>
				  </span>
					</c:if>
				</div>
			  </div>
		</div>
		<div class="content">
			<div class="aside">
				<div class="menu">
					<div class="panel panel-default">
						<!-- Default panel contents -->
						<div class="panel-heading">
							<span>后台用户管理</span>
						</div>
						<!-- List group -->
						<ul class="list-group">
						  <li class="list-group-item">
							  <a href="${pageContext.request.contextPath}/huser/cha" target="myFrame">用户管理</a>
						  </li>
						  <li class="list-group-item">
							  <a href="${pageContext.request.contextPath}/tiaozhuan6" target="myFrame">角色管理</a>
						  </li>
						  <li class="list-group-item">
							  <a href="${ pageContext.request.contextPath}/tiaozhuan7" target="myFrame">菜单管理</a>
						  </li>
							<li class="list-group-item">
								<a href="${pageContext.request.contextPath}/luxing/sousuo" target="myFrame">线路管理</a>
							</li>
							<li class="list-group-item">
								<a href="${pageContext.request.contextPath}/lunbo/tiozhuan" target="myFrame">轮播图管理</a>
							</li>
							<li class="list-group-item">
								<a href="${pageContext.request.contextPath}/tiaozhuan11" target="myFrame">附属图管理</a>
							</li>
							<li class="list-group-item">
								<a href="${pageContext.request.contextPath}/Fenlie/chaxun" target="myFrame">分类管理</a>
							</li>
							<li class="list-group-item">
								<a href="${pageContext.request.contextPath}/qian/cha" target="myFrame">前台用户管理</a>
							</li>
							<li class="list-group-item">
								<a href="${pageContext.request.contextPath}/tiaozhuan11" target="myFrame">订单管理</a>
							</li>
							<li class="list-group-item">
								<a href="${pageContext.request.contextPath}/shangjia/cha" target="myFrame">商家管理</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="menu">
					<div class="panel panel-default">
						<!-- Default panel contents -->
						<div class="panel-heading">
							<span>线路管理</span>
						</div>
						<!-- List group -->
						<ul class="list-group">
						  <li class="list-group-item">
							  <a href="${pageContext.request.contextPath}/tiaozhuan11" target="myFrame">线路管理</a>
						  </li>
						  <li class="list-group-item">Dapibus ac facilisis in</li>
						  <li class="list-group-item">Morbi leo risus</li>
						  <li class="list-group-item">Porta ac consectetur ac</li>
						  <li class="list-group-item">Vestibulum at eros</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="right">
				<iframe name="myFrame" width="100%" height="100%" scrolling="yes" frameborder="0" src="welcome.html"></iframe>
				
			</div>
		</div>
		<div class="footer">

		</div>
	</div>
	<script>
		var menus = document.querySelectorAll(".menu .panel-heading");
		
		menus.forEach(element => {
			var isshow = false;
			element.onclick = function(){
				var list_group = this.nextElementSibling;				
				if(isshow){
					list_group.style.display = "none";
					isshow = false
				}else{
					list_group.style.display = "block";
					isshow = true
				}
			}
		});
	</script>
</body>
</html>